body {
    background-size: cover; /*图片会铺满，不会变形，但是会被剪裁*/
    font-family: 'Open Sans', sans-serif; /*font-family最后加上sans-serif，也是为了保证能够调用这个字体族里面的字体*/
    background: url('../images/12.jpg') no-repeat fixed center;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
#login-box {
    background-color: #00000045;
    border-radius: 13px;
    text-align: center;
    margin: 0px auto;
    margin-top: 80px;
    width: 350px;
    height: 400px;
}

#login-box h1 {
    padding-top: 60px;
    color: rgb(215 183 132);
}

#login-box .input-box {
    margin-top: 30px;
}

#login-box .input-box input {
    border: none;
    background: none;
    border-bottom: #FFFFFF 2px solid;
    padding: 5px 10px;
    outline: none;
    color: #FFFFFF;
}
#usernameMsg{
    margin: 10px;
}

#passwordMsg{
    margin: 10px;
}
.rem-for-agile {
    margin-top: 20px;
}
#login-box button {
    /*line-height: 30px;*/
    margin-top: 30px;
    width: 130px;
    height: 30px;
    border-radius: 13px;
    outline: none;
    border: none;
    background-image: linear-gradient(120deg, #a6c0fe 0%, #d3b27f 100%);
    color: #FFFFFF;
}

#login-box button:hover {
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

#login-box .input-box i {
    color: #FFFFFF;
}
